{% extends 'base.html' %}
{% load static %}
{% block title %}登录{% endblock %}
<!--通过block css引入了针对性的login.css样式文件-->
{% block css %}
<link rel="stylesheet" href="{% static 'css/login.css' %}">
{% endblock %}

<!--主体内容定义在block content内部-->
{% block content %}
<div class="container">
    <div class="col-md-4 col-md-offset-4">
        <form class='form-login' action="/login" method="post">
            {% if message %}
            <div class="alert alert-warning">{{ message }}</div>
            {% endif %}

            {% csrf_token %}
            <h2 class="text-center">欢迎登录</h2>
            <div class="form-group">
                {{ login_form.username.label_tag }}
                {{ login_form.username}}
            </div>
            <div class="form-group">
                {{ login_form.password.label_tag }}
                {{ login_form.password }}
            </div>
            <div class="form-group">
                <!--这里额外增加了一条{{ login_form.captcha.errors }}用于明确指示用户，你的验证码不正确-->
                <!-- 验证图形码是否正确的工作都是在后台自动完成的，只需要使用login_views.py的login方法中的is_valid()这个forms内置的验证方法就一起进行了，完全不需要在视图函数中添加任何的验证代码，非常方便快捷！-->
                {{ login_form.captcha.errors }}
                {{ login_form.captcha.label_tag }}
                {{ login_form.captcha }}
            </div>
            <button type="reset" class="btn btn-default pull-left">重置</button>
            <button type="submit" class="btn btn-primary pull-right">提交</button>
        </form>
    </div>
</div> <!-- /container -->
{% endblock %}